<!DOCTYPE html>
<html>
	<head>
		<title>phone class five page</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
	
	<!-- 样式控制 -->
		<style>
			/*取消所有默认的样式*/
			body,#main ul,#main li,h1{
				/*display: block;*/
				padding: 0;
				margin: 0;
			}
			body{
					/*设置背景颜色*/
				background: #FFFFFF
			}
			/*容器*/
			#container{
				font-family: Arial;  /*设置字体类型*/
				width: 300px;
				margin: 0 auto;
			}
			header,footer{
				display: block;
			}

			#main li{
				list-style: none;
				height: 40px;
				background: #29D9c2;
				margin-bottom: 0.5em;
				line-height: 40px;
				-moz-border-radius:15px;
				-webkit-border-radius:15px;
				border-radius: 15px;
			}
			#main li a{
				color: white;
				text-decoration: none;
				margin-left:1em;
			}
		</style>

	</head>
	<body>
			<div id="container">
				<header>
					Title here navigation here
				</header>
				<nav id="main">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Contact .US</a></li>
						<li><a href="#">Location</a></li>
						<li><a href="#">Produce</a></li>
						<li><a href="#">About</a></li>
					</ul>
				</nav>
				<footer>
					&copy joseph  footer here
				</footer>
			</div>

	</body>
</html>